<template>
	<view class="page-box">
		<view class="share-banner"></view>
		<view class="pane">
			<view class="content">
			<view class="info"
			 v-for="item in subscription_infoList"
			  :key="item.id">
				<view class="info-title">
					{{item.title}}
				</view>
				<view class="info-content">
					{{item.content}}
				</view>
			</view>
			</view>
			<view>
				<wzh-btn pattern="10"
				 text="返回"
				  @invokeBtn="invokeBtn()"></wzh-btn>
			</view>
		</view>
		<view style="height: 170rpx;"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				subscription_infoList: [
					{
						id: 0,
						title: 'IPO代码',
						content: '02142'
					},
					{
						id: 1,
						title: 'IPO名称',
						content: '和铂药业'
					},
					{
						id: 2,
						title: '市场类型',
						content: '港股'
					},
					{
						id: 3,
						title: '状态',
						content: '已中签'
					},
					{
						id: 4,
						title: '发行价格',
						content: '12.380'
					},
					{
						id: 5,
						title: '生效数量',
						content: '15,000'
					},
					{
						id: 6,
						title: '中签数量',
						content: '1,000'
					},
					{
						id: 7,
						title: '退款时间',
						content: '2020-12-09'
					}
				]
			}
		},
		methods: {
			invokeBtn () {
				this.$navBack()
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background: #F4F5F7;
		
	}
	
	.page-box {
		font-family: PingFang SC-Medium, PingFang SC;
		// background: #F4F5F7;
	}
	.share-banner {
		width: 716rpx;
		height: 318rpx;
		background: $logo-font-color-one;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 22rpx 16rpx 28rpx;
	}
	.pane {
		background: #FFFFFF;
		justify-content: space-between;
		display: flex;
		flex-direction: column;
		padding-bottom: 38rpx;
		width: 716rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 0 16rpx;
	}
	.content {
		width: 716rpx;
		// min-height: 900rpx;
		padding-top: 38rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		
		& > .info {
			height: 96rpx;
			margin: 0 36rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 2rpx solid #F4F5F7;
			& > .info-title {
				padding-left: 40rpx;
				font-size: 26rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: $uni-text-color-grey;
				line-height: 30rpx;
				-webkit-background-clip: text;
			}
			& > .info-content {
				font-size: 26rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
				line-height: 30rpx;
				-webkit-background-clip: text;
				width: 220rpx;
			}
			
		}
		
	}
	
</style>
